.account-dialog.dialog {
	max-width: 520px;
}

.account-dialog__authorizing-service {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 8px;
	color: var( --color-neutral-70 );
}

.account-dialog__connected-accounts {
	overflow: hidden;
	margin-bottom: 10px;
}

.account-dialog__connected-accounts-heading {
	position: relative;
	overflow: hidden;
	margin: 14px 0;
	padding: 2px 0;
	font-size: $font-body-extra-small;
	text-transform: uppercase;
	color: var( --color-neutral-light );

	&::after {
		content: '';
		position: absolute;
			top: 8px;
		display: inline-block;
		width: 100%;
		margin-left: 10px;
		border-top: 1px solid var( --color-neutral-10 );
	}
}

.account-dialog__accounts {
	max-height: 300px;
	max-height: 40vh;
	overflow-y: auto;
	margin: 0 0 1em 1em;
}

.account-dialog.single-account .account-dialog__accounts {
	margin: 0 0 1em 1em;
}
